{% extends "base.html" %}

{% block title %}{{ title }}{% endblock %}

{% block content %}
    <ul id="mytab" class="nav nav-tabs">
        <li class="active"><a href="#home" data-toggle="tab">留言</a></li>
        <li><a href="#profile" data-toggle="tab">介绍</a></li>
        <li><a href="#messages" data-toggle="tab">消息</a></li>
        <li><a href="#settings" data-toggle="tab">设置</a></li>
    </ul>
    <div class="tab-content">
        <p id="clock"></p>
        <div class="tab-pane active" id="home">
            <form>
            <fieldset>
                <textarea rows="6" placeholder="说点什么:)"></textarea><br>
                <input type="text" placeholder="姓名"><br>
                <input type="text" placeholder="邮箱"><br>
                <button class="btn">提交</button><br>
            </fieldset>
            </form>
        </div>
    <div>
        <li>
            <a href='javascript:get_page()'>Get Page.</a>
        </li>
    </div>
    <div>
        <div id="page_container"></div>
    </div>
        <div class="tab-pane" id="messages">迷</div>
        <div class="tab-pane" id="settings">路</div>
    </div>

<script type="text/javascript">
function get_page(id)
{
    var container = $('#page_container');
    container.html("loading...");
    $.get('{%url django_ajax%}', function(ret) {        
        container.html(ret);
    });
}
</script>

{% endblock %}